<template>
  <view class="page">
    <button type="primary" open-type="share">分享</button>
  </view>
</template>

<script>
  export default {
    onShareAppMessage(res) {
      console.log(res.from)
      // 分享事件来源：button（页面内分享按钮）menu（右上角分享按钮）
      if (res.from === 'button') {
        console.log(res.target)
        // 如果from值是button，则target是触发这次分享事件的button，
        // 否则为 undefined
      }
      return {
        title: 'button组件', //分享的标题
        path: '/pages/button-share/button-share', //页面path，必须是以“/”开头的完整路径
        imageUrl: "http://vueshop.glbuys.com/uploadfiles/1524556409.jpg",
        // 分享图片，路径可以是本地文件路径，代码包文件路径或者网络图片路径，支持PNG及JPG。显示图片长宽比是 5: 4
      }
    },
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss">
  .page {
    width: 100%;
    height: 100vh;
  }
</style>